

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>个人账户管理</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
   <link rel="stylesheet" href="layui/css/layui.css" media="all">
  <link rel="stylesheet" href="layui/css/admin.css" media="all">
</head>
<body>

  <div class="layui-fluid">
    <div class="layui-card">
      <div class="layui-card-header"><span style="font-weight: bold; font-size: 22px;">个人信息修改</span></div>
      <div class="layui-card-body" style="padding: 15px;">
        <form class="layui-form" action="" style="margin-left: 120px;">
				<div class="layui-form-item">
					<div class="layui-inline">
						<label class="layui-form-label">用户ID</label>
						<div class="layui-input-inline">
							<input type="text" name="userId" lay-verify="required" autocomplete="off" class="layui-input">
						</div>
					</div>
				</div>
				<div class="layui-form-item">
					<div class="layui-inline">
						<label class="layui-form-label">用户名称</label>
						<div class="layui-input-inline">
							<input type="text" name="username" lay-verify="username" autocomplete="off" class="layui-input">
						</div>
					</div>
				</div>
				<div class="layui-form-item">
					<div class="layui-inline">
						<label class="layui-form-label">电话号码</label>
						<div class="layui-input-inline">
							<input type="text" name="phone" lay-verify="required|phone" autocomplete="off" class="layui-input">
						</div>
					</div>
				</div>
				<div class="layui-form-item">
					<div class="layui-inline">
						<label class="layui-form-label">E-Mail</label>
						<div class="layui-input-inline">
							<input type="email" name="email" lay-verify="email" autocomplete="off" class="layui-input">
						</div>
					</div>
				</div>
				<div class="layui-form-item">
					<div class="layui-inline">
						<label class="layui-form-label">用户状态</label>
						<div class="layui-input-inline">
							<input type="text" name="status" lay-verify="required" autocomplete="off" class="layui-input">
						</div>
					</div>
				</div>
				<div class="layui-form-item" style="margin-left: 110px;">
					<button class="layui-btn  save" lay-submit="" lay-filter="demo2">保存</button>
				</div>
			</form>

      </div>
    </div>
     <div class="layui-card" style="margin-top: -20px;">
      <div class="layui-card-header"><span style="font-weight: bold; font-size: 22px;">密码修改</span></div>
      <div class="layui-card-body" style="padding: 15px;">
        <form class="layui-form" action="" style="margin-left: 120px;">
				<div class="layui-form-item">
					<div class="layui-inline">
						<label class="layui-form-label">当前密码</label>
						<div class="layui-input-inline">
							<input type="text" lay-verify="required" autocomplete="off" class="layui-input">
						</div>
					</div>
				</div>
				<div class="layui-form-item">
					<div class="layui-inline">
						<label class="layui-form-label">新的密码</label>
						<div class="layui-input-inline">
							<input type="password" lay-verify="required" autocomplete="off" class="layui-input">
						</div>
					</div>
				</div>
				<div class="layui-form-item">
					<div class="layui-inline">
						<label class="layui-form-label">确认密码</label>
						<div class="layui-input-inline">
							<input type="password" lay-verify="required" autocomplete="off" class="layui-input">
						</div>
					</div>
				</div>
				<div class="layui-form-item" style="margin-left: 110px;">
					<button class="layui-btn  save" lay-submit="" lay-filter="demo2">保存</button>
				</div>
			</form>

      </div>
    </div>
  </div>

    
  <script src="layui/layui.js"></script>
		<script>
			layui.use('form', function() {
				var form = layui.form;

				//自定义验证规则
				form.verify({
					username: function(value) {
						if(value.length < 2) {
							return '用户名至少得2个字符啊';
						}
					}

				});

			});
		</script>
</body>
</html>
